{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% blocktranslate trimmed with name=contact.name %}Call with {{ name }}{% endblocktranslate %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% blocktranslate trimmed with name=contact.name %}Call with {{ name }}{% endblocktranslate %}</h1>
    <p><span class="phone">{{ contact.phone_display }}</span>{% if contact.location %}, {{ contact.location }}{% endif %}</p>
  </div>
  <div class="actions"><a class="btn btn-quiet" href="{{ contact.get_absolute_url }}">{% blocktranslate trimmed with name=contact.first_name %}Back to {{ name }}{% endblocktranslate %}</a></div>
</div>

{% if contact.do_not_call %}<ul class="flash"><li class="error">{% blocktranslate trimmed with name=contact.first_name %}{{ name }} asked not to be called. Only log calls they made to us.{% endblocktranslate %}</li></ul>{% endif %}

<div class="call-layout">
  <form method="post" novalidate>
    {% csrf_token %}
    {% if follow_up %}<input type="hidden" name="follow_up" value="{{ follow_up.pk }}">{% endif %}
    {% if list_entry %}<input type="hidden" name="list_entry" value="{{ list_entry.pk }}">
    <section class="script-box" aria-labelledby="script-h">
      <h2 id="script-h">{% blocktranslate trimmed with name=list_entry.call_list.name %}Call list: {{ name }}{% endblocktranslate %}</h2>
      {% if list_entry.call_list.script %}<div class="script">{{ list_entry.call_list.script|linebreaksbr }}</div>{% endif %}
      <p class="small muted">{% if list_entry.tries %}{% blocktranslate trimmed count n=list_entry.tries %}Tried {{ n }} time before, no answer.{% plural %}Tried {{ n }} times before, no answer.{% endblocktranslate %} {% endif %}{% translate "Save the call to move the list on. No answer three times marks the caller not reached." %}</p>
    </section>{% endif %}
    {% if call_form.errors or prayer_form.errors or fu_form.errors or gift_form.errors or testimony_form.errors or esc_form.errors or ticket_form.errors or heard_form.errors %}
      <div class="form-errors" style="margin-bottom:16px">{% translate "Some details need fixing. Look for the red notes below." %}</div>
    {% endif %}

    <div class="danger-toggle">
      <label class="danger-check"><input type="checkbox" name="in_danger"{% if in_danger %} checked{% endif %}>
        <span><strong>{% translate "Caller in danger" %}</strong> <span class="hint">{% translate "thinking of suicide, being abused or hurt, a child at risk, violence at home" %}</span></span></label>
      <div class="danger-guide" data-show-when="in_danger=on"{% if not in_danger %} hidden{% endif %}>
        <ol>
          <li>{% translate "Stay on the line. Speak calmly and listen; don’t argue or judge." %}</li>
          <li>{% translate "Ask if they are safe right now, and where they are. If they speak of ending their life, ask them plainly whether they are thinking of suicide: asking does not put the idea in their head." %}</li>
          <li>{% translate "If a life is in danger now, call an emergency number below, or ask a colleague to call while you stay with the caller." %}</li>
          <li>{% translate "Don’t promise to keep it secret. Tell them you are getting them help." %}</li>
          <li>{% translate "Saving this call alerts every supervisor and administrator at once. Write what was said, and where the caller is." %}</li>
        </ol>
        {% if emergency_numbers %}
        <ul class="danger-numbers">{% for n in emergency_numbers %}<li><a href="tel:{{ n.number }}"><strong>{{ n.number }}</strong> {{ n.name }}</a>{% if n.note %} <span class="muted small">{{ n.note }}</span>{% endif %}</li>{% endfor %}</ul>
        {% else %}
        <p class="small">{% translate "No emergency numbers are saved yet. Ask an administrator to add them under Important numbers, in the Emergency group." %}</p>
        {% endif %}
      </div>
    </div>

    <div class="panel">
      <div class="form-grid">
        {% include "_field.html" with field=call_form.direction wide=True %}
        {% include "_field.html" with field=call_form.purpose %}
        {% include "_field.html" with field=call_form.outcome %}
        {% include "_field.html" with field=call_form.summary wide=True %}
        {% include "_field.html" with field=call_form.called_at %}
        {% include "_field.html" with field=call_form.duration_minutes %}
        {% if heard_form %}
          {% include "_field.html" with field=heard_form.heard_from %}
          {% include "_field.html" with field=heard_form.heard_from_detail %}
        {% endif %}
      </div>
    </div>

    <div class="panel ticket-panel" style="margin-top:16px">
      <div class="panel-head"><h2>{% translate "Ticket" %}</h2><span class="muted small">{% translate "Opened automatically when you save the call" %}</span></div>
      <div class="form-grid">
        {% include "_field.html" with field=ticket_form.urgency wide=True %}
        {% include "_field.html" with field=ticket_form.after_call wide=True %}
      </div>
    </div>

    <div style="margin-top:16px">
      <div class="addon prayer" data-addon>
        <label class="addon-toggle"><input type="checkbox" name="add_prayer"{% if add.prayer %} checked{% endif %}> {% translate "Add a prayer request" %} <span class="hint">{% translate "what they asked us to pray for" %}</span></label>
        <div class="addon-body"{% if not add.prayer %} hidden{% endif %}>
          <div class="form-grid" style="margin-top:14px">
            {% include "_field.html" with field=prayer_form.category %}
            <div></div>
            {% include "_field.html" with field=prayer_form.request wide=True %}
            {% include "_field.html" with field=prayer_form.confidential wide=True %}
          </div>
        </div>
      </div>

      <div class="addon testimony" data-addon>
        <label class="addon-toggle"><input type="checkbox" name="add_testimony"{% if add.testimony %} checked{% endif %}> {% translate "Record a testimony" %} <span class="hint">{% translate "what God has done for them, in their words" %}</span></label>
        <div class="addon-body"{% if not add.testimony %} hidden{% endif %}>
          <div class="form-grid" style="margin-top:14px">
            {% include "crm/_testimony_fields.html" with form=testimony_form %}
          </div>
        </div>
      </div>

      <div class="addon" data-addon>
        <label class="addon-toggle"><input type="checkbox" name="add_follow_up"{% if add.follow_up %} checked{% endif %}> {% translate "Plan a follow-up" %} <span class="hint">{% translate "a call back, a visit, a reminder. Calls from the caller already get one 72 hours later." %}</span></label>
        <div class="addon-body"{% if not add.follow_up %} hidden{% endif %}>
          <div class="form-grid" style="margin-top:14px">
            {% include "_field.html" with field=fu_form.reason wide=True %}
            {% include "_field.html" with field=fu_form.due_date %}
            {% include "_field.html" with field=fu_form.assigned_to %}
          </div>
        </div>
      </div>

      <div class="addon escalate" data-addon>
        <label class="addon-toggle"><input type="checkbox" name="add_escalate"{% if add.escalate %} checked{% endif %}> {% translate "Escalate to a supervisor or administrator" %} <span class="hint">{% translate "when it needs someone with more authority" %}</span></label>
        <div class="addon-body"{% if not add.escalate %} hidden{% endif %}>
          <div class="form-grid" style="margin-top:14px">
            {% include "_field.html" with field=esc_form.escalate_to %}
            <div></div>
            {% include "_field.html" with field=esc_form.reason wide=True %}
          </div>
        </div>
      </div>

      <div class="addon" data-addon>
        <label class="addon-toggle"><input type="checkbox" name="add_gift"{% if add.gift %} checked{% endif %}> {% translate "Record giving" %} <span class="hint">{% translate "a gift they sent" %}</span></label>
        <div class="addon-body"{% if not add.gift %} hidden{% endif %}>
          <div class="form-grid" style="margin-top:14px">
            {% include "crm/_gift_fields.html" with form=gift_form %}
          </div>
        </div>
      </div>

      {% if follow_up %}
      <div class="panel" style="margin-top:12px">
        <div class="field field-check">
          <input type="checkbox" id="complete_fu" name="complete_follow_up" checked>
          <div><label for="complete_fu">{% blocktranslate trimmed with reason=follow_up.label %}Mark “{{ reason }}” as done{% endblocktranslate %}</label>
          <div class="help">{% blocktranslate trimmed with when=follow_up.due_date|due %}Planned for: {{ when }}. The call notes are copied to it.{% endblocktranslate %}</div></div>
        </div>
      </div>
      {% endif %}
    </div>

    <div class="sticky-save">
      <button class="btn btn-primary" type="submit">{% translate "Save call" %}</button>
      <a class="btn btn-quiet" href="{{ contact.get_absolute_url }}">{% translate "Cancel" %}</a>
    </div>
  </form>

  <aside class="call-aside">
    <section class="panel">
      <div class="panel-head"><h2>{% translate "Before you hang up" %}</h2></div>
      {% if remarks %}
        <div class="remarks compact">
          <p class="small"><strong>{% translate "Pastoral remarks:" %}</strong></p>
          {% for r in remarks %}<div class="remark"><p class="small">{{ r.text|truncatechars:220 }}</p><div class="small muted">{{ r.author.display_name|default:"—" }}, {{ r.created_at|date:"j M" }}</div></div>{% endfor %}
        </div>
      {% endif %}
      {% if open_prayers %}
        <p class="small"><strong>{% translate "Still waiting for prayer:" %}</strong></p>
        <ul class="rows">
          {% for pr in open_prayers %}
          <li><div class="grow small">{% if pr|can_view:user %}{{ pr.request|truncatechars:110 }}{% else %}<span class="locked">{% translate "Confidential request" %}</span>{% endif %}<div class="meta">{{ pr.created_at|date:"j M" }}</div></div></li>
          {% endfor %}
        </ul>
      {% endif %}
      {% if last_calls %}
        <p class="small" style="margin-top:12px"><strong>{% translate "Last time we spoke:" %}</strong></p>
        <ul class="rows">
          {% for c in last_calls %}
          <li><div class="grow small"><span class="tag p-{{ c.purpose }}">{{ c.get_purpose_display }}</span> {{ c.summary|default:c.get_outcome_display|truncatechars:110 }}<div class="meta">{{ c.called_at|when }}{% if c.agent %}, {{ c.agent.display_name }}{% endif %}</div></div></li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="muted small">{% blocktranslate trimmed with name=contact.first_name %}This is the first call with {{ name }}. Ask how they heard about us and whether they attend a home cell.{% endblocktranslate %}</p>
      {% endif %}
    </section>
  </aside>
</div>
{% endblock %}